<template>
  <div class="contract-download">
    <Title :title="title"></Title>
    <!-- <van-nav-bar fixed left-arrow title="合同下载" @click-left="onClickLeft" /> -->
    <div class="contract-no">
      <span>合同编号:1010300390000185584119</span>
      <span>保单编号:BMW1010300390000185584119</span>
    </div>
    <div class="download">
      <van-button class="button" type="default" @click="goBack"
        >返回</van-button
      >
      <van-button class="button" type="warning">下载合同</van-button>
    </div>
  </div>
</template>

<script>
import Title from '../components/Title'
export default {
  data () {
    return {
      title: '合同下载'
    }
  },
  methods: {
    onClickLeft () {
      this.$router.back()
    },
    goBack () {
      this.$router.go(-1)
    }
  },
  components: {
    Title
  }
}
</script>

<style scope lang="less">
.contract-download {
  .van-nav-bar .van-icon {
    color: #323233;
  }
  .contract-no {
    margin: 70px 8% 100px;
    font-size: 16px;
    span:nth-child(2) {
      display: block;
      margin-top: 10px;
    }
  }
  .download {
    margin: 0 7%;
    button {
      width: 48%;
      height: 54px;
      font-size: 16px;
    }
  }
  .van-button--normal:nth-child(2) {
    margin-left: 12px;
  }
  .van-button--warning {
    background-color: #ff6600;
    border: 1px solid #ff6600;
  }
}
</style>
